﻿@model DPW.Models.HomeViewModel

@{
    ViewBag.Title = "Dotty DayDream";
}

<div class="main-content container-fluid">
		<div class="row-fluid">
			<div class="span3 left-sidebar">
				<div style="padding: 8px 0px;" class="side-wrapper  category">
					<ul class="nav nav-list">
					  <li class="nav-header">Categories</li>
					  <li class="divider"></li>
					  @*<li class="active"><a href="#">Humour</a></li>*@
                      @foreach (var category in Model.Categories)
                      {
                          <li><a href="/c/@category.Id" >@category.Name (@category.Poems.Count())</a></li>

                      }
					</ul>
				</div>
				
				<div style="padding: 8px 0px;" class="side-wrapper  lastest">
					<ul class="nav nav-list">
					  <li class="nav-header">Latest</li>
					  <li class="divider"></li>
                      @foreach (var latestPoem in Model.LatestPoems)
                      {
                          <li><a href="/p/@latestPoem.Id" >@latestPoem.Name</a></li>

                      }
					  <li class="divider"></li>					  
					</ul>
					<div class="view-all">
						<a style="text-align: right" href="#">View All</a>
					</div>
				</div>
				
				<div style="padding: 8px 0px;" class="side-wrapper  random">
					<ul class="nav nav-list">
					  <li class="nav-header">Most Viewed Poems</li>
					  <li class="divider"></li>
					  @foreach (var mostViewedPoem in Model.MostViewedPoems)
                      {
                          <li><a href="/p/@mostViewedPoem.Id" >@mostViewedPoem.Name</a></li>

                      }
					  <li class="divider"></li>					  
					</ul>
					<div class="view-all">
						<a style="text-align: right" href="#">View All</a>
					</div>
				</div>
				
				
			</div>

			<div class="span9 right-sidebar">	
					<div class="big-logo">						
						<div class="row-fluid">
							<div style="text-align:center" class="">
								<img src="../Content/img/big1.png">
							</div>
						</div>	
					</div>
					
					<div class="dotty-quote">
					
						<div class="row-fluid">
							<div style="text-align:center" class="">
								<img src="../Content/img/quote.png">
							</div>
						</div>			
					
					</div>
					
				<div class="row-fluid">
				
				<section id="poem" class="poem">
					<div class="poem-content container-fluid">
						<div class="poem-header row-fluid">
							@*<div class=" span3">
								<img src="img/view.jpg" class="poem-avata">
							</div>*@
							<div class="poem-tittle">
								<h3>@Model.RandomPoem.Name</h3>
							</div>
						</div>
						<div class="poem-body row-fluid">
							<p>
							    @Html.Raw(HttpUtility.HtmlDecode(Model.RandomPoem.Content))
							</p>
						</div>
                        <div class="poem-footer row-fluid">
                            @if (!string.IsNullOrEmpty(Model.RandomPoem.Author) && !string.IsNullOrEmpty(Model.RandomPoem.DateCreatedDisplay))
                            {
                                <p class="text-info text-right">
                                <small>posted by <b>@Model.RandomPoem.Author</b> at <b>@Model.RandomPoem.DateCreatedDisplay</b></small>
                                </p>
                            }
                            
                        </div>
					</div>
				</section>
				
				<section id="Related" class="poem-related">
				
				</section>

				
				</div>
			</div>
		</div>
	</div>